<template>
  <div class="Zong">
    <IndexComponent1 />
    <IndexComponent12 />
    <IndexComponent13 />
    <IndexComponent14 />
  </div>
  <div style="display: flex; justify-content: center;align-items: center" >
    <IndexComponent2 />
  </div>

</template>

<script setup lang="ts">
  import IndexComponent1 from "@/views/index/components/IndexComponent1.vue";
  import IndexComponent12 from "@/views/index/components/IndexComponent12.vue";
  import IndexComponent13 from "@/views/index/components/IndexComponent13.vue";
  import IndexComponent14 from "@/views/index/components/IndexComponent14.vue";
  import IndexComponent2 from "@/views/index/components/IndexComponent2.vue";
</script>

<style scoped lang="less">
  .Zong{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
</style>
